﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link href="Styles/JQuery/UI/ui.core.css" rel="stylesheet" type="text/css"/>
	<link href="Styles/GScript/UI/UI.CheckBox.css" rel="stylesheet" type="text/css"/>
<!--	<link href="Styles/GScript/UI/Themes/Default/UI.CheckBox.css" rel="stylesheet" type="text/css"/> -->
	<link href="Styles/JQuery/UI/Themes/Redmond/UI-Theme.css" rel="stylesheet" type="text/css"/>
	<link href="Styles/GScript/UI/Themes/JQuery/UI.CheckBox.css" rel="Stylesheet" type="text/css"/>
	<script src="Scripts/JQuery/jquery-1.3.2.js" type="text/javascript"></script>
	<script src="Scripts/JQuery/UI/jquery-ui.js" type="text/javascript"></script>
	<script src="Scripts/GScript/UI/UI.CheckBox.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(document).ready(function()
		{
			$('.styled input[type=checkbox],.styled input[type=radio]').checkBox();
		});
	</script>
	<title>Checkbox Demo Page</title>
	</head>
	<body id="content" class="checkBoxDemo" >
	<h1>Styled Check Boxes</h1>
	<ul class="styled">
		<li>
			<label>Basic Check Box:<input type="checkbox" value="1" /></label>
		</li>
		<li>
			<label for="triStateCheckBox">Tri-State Check Box:</label><input id="triStateCheckBox" type="checkbox" value="3" threeState="true" />
		</li>
	</ul>
	<h1>Standard Check Boxes</h1>
	<ul>
		<li>
			<label>Basic CheckBox:<input type="checkbox" value="1" /></label>
		</li>
	</ul>
	<h1>Styled Radio Boxes</h1>
	<ul class="styled">
		<li>
			<label>Option 1<input type="radio" value="1" name="styledRadio" /></label>
			<label for="styledOption2">Option 2</label><input type="radio" value="2" id="styledOption2" name="styledRadio" />
			<label>Option 3<input type="radio" value="1" name="styledRadio" disabled="disabled" /></label>
		</li>
	</ul>
	<h1>Standard Radio Boxes</h1>
	<ul>
		<li>
			<label>Option 1<input type="radio" value="1" name="standardRadio" /></label>
			<label for="standardOption2">Option 2</label><input type="radio" value="2" id="standardOption2" name="standardRadio" />
			<label>Option 3<input type="radio" value="1" name="standardRadio" disabled="disabled" /></label>
		</li>
	</ul>
</body>
</html>
